<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>01_Dayjs-基本使用</title>
</head>
<body>

  <!-- 
    window.dayjs = 工厂函数
   -->
  <script src="./libs/dayjs.js"></script>

  <script>
    console.log("%O", dayjs()) // 创建 dayjs 对象
    console.log(dayjs().format()) // 拿到当前的时间
    
    // 1. 创建 dayjs 对象
    const d1 = dayjs()
    console.log(d1)

    // 2. 获取和设置时间
    const d2 = dayjs('2022-01-01')
    console.log(d2.format('YYYY-MM-DD HH:mm:ss'))
    console.log(d2.format('YYYY年MM月DD日 HH时mm分ss秒'))

    var day = dayjs()
              .year(2021)
              .month(5)
              .date(1)
    console.log(day.year(), (day.month() + 1), day.date(), day.hour(), day.minute(), day.second())

    // 3. 获取时间戳
    const d3 = dayjs('2022-01-01')
    console.log(d3.valueOf()) // 毫秒
    console.log(d3.unix()) // 秒

    // 4. 时间操作
    const d4 = dayjs()
    // d4.add(1, 'year') // 增加一年
    // d4.add(2, 'month') // 增加2个月
    // d4.add(-1, 'month') // 减去一个月

    // d4.subtract(1, 'year')  // 减去一年
    // d4.subtract(1, 'month')
    // d4.subtract(1, 'day') 

    // d4.startOf('year')  // 一年的开始 2022-01-01 00:00:00
    // d4.startOf('month')  // 
    // d4.startOf('day')  //

    // 5. 时间比较
    const d5 = dayjs('2022-01-01')
    const d6 = dayjs('2022-01-02')
    console.log(d5.isBefore(d6)) // d5 是否在 d6 之前
    console.log(d5.isAfter(d6)) // d5 是否在 d6 之后

    // 6. 时间格式化
    const d7 = dayjs('2022-01-01')
    console.log(d7.format('YYYY-MM-DD HH:mm:ss'))

    // 8. 时间解析
    // 1.1 解析字符串
    const d8 = dayjs('2022-01-01', 'YYYY-MM-DD')
    console.log(d8.format('YYYY-MM-DD HH:mm:ss'))

    // 1.2 解析时间戳
    const d9 = dayjs(1640995200000)
    console.log(d9.format('YYYY-MM-DD HH:mm:ss'))

    // 1.3 解析 Date 对象
    const d10 = dayjs(new Date())
    console.log(d10.format('YYYY-MM-DD HH:mm:ss'))
   
  </script>
  
</body>
</html>